let layer = layui.layer

$(function() {
    // 列表页面
    // 列表总数
    let total = 10
        // 分页参数
    let params = {
            pagenum: 1,
            pagesize: 6
        }
        // 列表内容
    let arr = [`
      <div class="kr_news_date">
        16 <span>08月</span>
      </div>
    `]
        // 加载列表数据
    function loadList() {
        if (total !== 0 && arr.length >= total) {
            return layer.msg('没有更多数据了')
        }
        $.ajax({
            type: 'get',
            url: 'http://localhost:8888/api/articles',
            data: params,
            success: function(res) {
                if (res.status === 0) {
                    total = res.total
                    res.data.forEach(function(item) {
                        arr.push(`
                <div class="item">
                  <h4>
                    <a href="./detail.html?id=${item.id}">${item.title}</a>
                  </h4>
                  <p class="meta">
                    <span>19分钟前 分享至</span>
                    <a href="javascript:;" class="wechat"></a>
                    <a href="javascript:;" class="weibo"></a>
                  </p>
                  <p class="brief">${item.content}</p>
                </div>
              `)
                    })
                    $('.kr_news_list').append(arr.join(''))
                }
            }
        })
    }

    loadList()

    // 加载更多数据
    $('.kr_more').click(function() {
        params.pagenum += 1
        loadList()
    })
})



// let wenzhang = {
//     pagenum: 1,
//     pagesize: 8
// }
// let total = 10
// let str = ''

// function loadList() {
//     $.ajax({
//         type: 'get',
//         url: 'http://localhost:8888/api/articles',
//         data: wenzhang,
//         success: function(res) {
//             console.log(res);
//             if (res.status === 0) {
//                 total = res.total
//                 res.data.forEach(item => {
//                     let data = item.pub_date

//                     function renderTime(date) {
//                         var dateee = new Date(date).toJSON();
//                         return new Date(+new Date(dateee) + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '')
//                     }
//                     let da = renderTime(data)
//                     str += `<div class="item">
//           <h4>
//             <a href="./detail.html?id=${item.id}">${item.title}</a>
//           </h4>
//           <p class="meta">
//             <span>${da}分享至</span>
//             <a href="javascript:;" class="wechat"></a>
//             <a href="javascript:;" class="weibo"></a>
//           </p>
//           <p class="brief">${item.content}</p>
//         </div>`
//                 })
//             } else if (total !== 0 && str.length >= total) {
//                 return layer.msg('没有更多数据了')
//             }
//             $('.kr_news_list').append(str)
//         }
//     })
// }
// loadList()
// $('.kr_more').click(function() {
//     wenzhang.pagenum += 1
//     loadList()
// })